<template>
  <div id="app">
    <!-- 引入登录组件 -->
    <Login />
  </div>
</template>

<script setup>
// 导入登录组件
import Login from './views/LoginView.vue'
</script>

<style scoped>
/* 关键：让 #app 占满整个视口，并使用 Flexbox 布局居中内容 */
#app {
  /* 占满浏览器视口高度 */
  min-height: 100vh; 
  /* 使用 Flexbox 布局 */
  display: flex; 
  /* 水平居中 */
  justify-content: center; 
  /* 垂直居中 */
  align-items: center; 
  /* 全局背景色（可选） */
  background-color: #f5f7fa; 
  /* 清除默认边距 */
  margin: 0; 
  padding: 0;
}
</style>